import React from 'react';
import { Tabs } from 'antd-mobile'
import { ProductCard, Tag, Button } from 'react-vant';
function App() {


  return (
    <div>
      <Tabs>
        <Tabs.Tab title='全部订单' key='fruits'>
          <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/cat.jpeg"
          /> <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
          /> <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/cat.jpeg"
          />
        </Tabs.Tab>
        <Tabs.Tab title='待付款' key='vegetables'>
          <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
          /> <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/cat.jpeg"
          /> <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
          />
        </Tabs.Tab>
        <Tabs.Tab title='代发货' key='animals'>
          <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
          /> <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/cat.jpeg"
          /> <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/cat.jpeg"
          />
        </Tabs.Tab>
      </Tabs>
    </div>
  )
}

export default App
